<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Klenwell Basic XHTML 1.1 Template with</title>

    <!-- Meta Tags -->
    <meta name="description" content="Basic XHTML 1.1 Template" />
    <meta name="keywords" content="XHTML,CSS,klenwell,jquery" />
    <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

    <!-- Google AJAX Libraries API -->
    <script src="http://www.google.com/jsapi"></script>
    <script>
        google.load("jquery", "1.4.2");
        google.load("jqueryui", "1.8.2");
    </script>


    <!-- External Resources (uncomment) -->
    <!-- <link rel="stylesheet" type="text/css" href="reset.css" /> -->
    <!-- <script type="text/javascript" src="external.js"></script> -->

    <!-- Internal Style Settings -->
    <style type="text/css">
        body { font-family: arial,sans-serif; }
        a:hover { text-decoration:none; }
    </style>

    <!-- jQuery Demo -->
    <script>
        $(document).ready( function(){
            $subtitle = $('<em />')
                .css('font-size', '12px')
                .text('with Google AJAX Libraries API jQuery')
                .hide();
            $subtitle.appendTo('h1#title').fadeIn(5000);
            //console.log($subtitle);
        });
    </script>
</head>

<body>
    <div class="page" id="xhtml-template">
        <h1 id="title">Basic XHTML 1.1 Template</h1>
        <div id="content">
            content here...
        </div>
        <h6><a href="http://klenwell.com/is/HtmlTemplate">klenwell.com</a></h6>
    </div>
</body>
</html>
